<script>

export default {
  props: {
    column: {
      type: Object,
      default: ''
    },
  },
  data() {
    return {
      valueData: null
    }
  },
  methods: {
    change() {
      this.$emit('change', this.valueData);
    },
  }
}

</script>

<template>
  <el-input
      clearable
      type="number"
      v-model="valueData"
      @input="change">
    <!--  前缀  -->
    <template
        v-if="column?.setting?.prefix"
        #prepend>{{ column?.setting?.prefix }}</template>
    <!--  后缀  -->
    <template
        v-if="column?.setting?.suffix"
        #append>{{ column?.setting?.suffix }}</template>
  </el-input>
</template>

<style lang="scss" scoped>

</style>